为了账号安全,请及时绑定邮箱和手机立即绑定

Bom中的window对象总结

标签:
JavaScript

window: 2个角色:

  1. 代替Global充当全局作用域
  2. 封装操作浏览器窗口的API——BOM
    打开和关闭窗口:
    window.open(...)
    window.close() 关闭当前窗口
    打开新链接的方式:4种:
    1. 在当前窗口打开,可后退 html: <a href="url" target="_self"></a> js:open("url","_self")
  3. 在当前窗口打开,不可后退 js:location.replace("新url") 用新url替换history中当前url
    1. 在新窗口打开,可重复打开 html: <a href="url" target="_blank" js: open("url","_blank")
    2. 在新窗口打开,只能打开一个 html: <a href="url" target="name" js: open("url","name")
      窗口位置和大小:
      窗口大小: 完整大小: outerWidth/outerHeight
      文档显示区大小: innerWidth/innerHeight
      调整窗口大小:
    3. 在打开窗口时,就调整大小 2步:
      1. 定义配置字符串: var config= "top=?,left=?,width=?,height=?" 强调: width和height仅是文档显示区的大小。 top和left却是整个窗口左上角的坐标。
      2. 在打开窗口时,将config作为第三个参数。 特殊: 多数浏览器不允许修改当前窗口大小。只能修改新弹出的另一个小窗口的大小。
  4. 调整新窗口大小: pop.resizeTo(width,height) 让窗口变到指定大小 pop.resizeBy(width的增量,height的增量)
    窗口位置:window.screenLeft/screenTop
    修改窗口的位置: pop.moveTo(left,top) pop.moveBy(left增量,top增量)
    获得屏幕大小: 完整大小: screen.width/height screen.availWidth/availHeight
点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消